---
layout: typedoc
title: 'Stage | @msrvida/vega-deck.gl'
---
<header>
<div class="tsd-page-title">
	<div class="typedoc-container">
		<ul class="tsd-breadcrumb">
			<li>
				<a href="../modules.html">@msrvida/vega-deck.gl</a>
			</li>
			<li>
				<a href="../modules/types.html">types</a>
			</li>
			<li>
				<a href="types.stage.html">Stage</a>
			</li>
		</ul>
		<h1>Interface Stage</h1>
	</div>
</div>
</header>
<div class="container container-main">
<div class="row">
	<div class="col-8 col-content">
		<section class="tsd-panel tsd-comment">
			<div class="tsd-comment tsd-typography">
				<div class="lead">
					<p>Data structure containing all that is necessary to present a chart.</p>
				</div>
			</div>
		</section>
		<section class="tsd-panel tsd-hierarchy">
			<h3>Hierarchy</h3>
			<ul class="tsd-hierarchy">
				<li>
					<span class="target">Stage</span>
				</li>
			</ul>
		</section>
		<section class="tsd-panel-group tsd-index-group">
			<h2>Index</h2>
			<section class="tsd-panel tsd-index-panel">
				<div class="tsd-index-content">
					<section class="tsd-index-section ">
						<h3>Properties</h3>
						<ul class="tsd-index-list">
							<li class="tsd-kind-property tsd-parent-kind-interface"><a href="types.stage.html#axes" class="tsd-kind-icon">axes</a></li>
							<li class="tsd-kind-property tsd-parent-kind-interface"><a href="types.stage.html#backgroundcolor" class="tsd-kind-icon">background<wbr>Color</a></li>
							<li class="tsd-kind-property tsd-parent-kind-interface"><a href="types.stage.html#cubedata" class="tsd-kind-icon">cube<wbr>Data</a></li>
							<li class="tsd-kind-property tsd-parent-kind-interface"><a href="types.stage.html#facets" class="tsd-kind-icon">facets</a></li>
							<li class="tsd-kind-property tsd-parent-kind-interface"><a href="types.stage.html#gridlines" class="tsd-kind-icon">grid<wbr>Lines</a></li>
							<li class="tsd-kind-property tsd-parent-kind-interface"><a href="types.stage.html#legend" class="tsd-kind-icon">legend</a></li>
							<li class="tsd-kind-property tsd-parent-kind-interface"><a href="types.stage.html#pathdata" class="tsd-kind-icon">path<wbr>Data</a></li>
							<li class="tsd-kind-property tsd-parent-kind-interface"><a href="types.stage.html#polygondata" class="tsd-kind-icon">polygon<wbr>Data</a></li>
							<li class="tsd-kind-property tsd-parent-kind-interface"><a href="types.stage.html#textdata" class="tsd-kind-icon">text<wbr>Data</a></li>
							<li class="tsd-kind-property tsd-parent-kind-interface"><a href="types.stage.html#view" class="tsd-kind-icon">view</a></li>
						</ul>
					</section>
				</div>
			</section>
		</section>
		<section class="tsd-panel-group tsd-member-group ">
			<h2>Properties</h2>
			<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface">
				<a name="axes" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagOptional">Optional</span> axes</h3>
				<div class="tsd-signature tsd-kind-icon">axes<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">{ </span>x<span class="tsd-signature-symbol">?: </span><a href="types.axis.html" class="tsd-signature-type" data-tsd-kind="Interface">Axis</a><span class="tsd-signature-symbol">[]</span><span class="tsd-signature-symbol">; </span>y<span class="tsd-signature-symbol">?: </span><a href="types.axis.html" class="tsd-signature-type" data-tsd-kind="Interface">Axis</a><span class="tsd-signature-symbol">[]</span><span class="tsd-signature-symbol">; </span>z<span class="tsd-signature-symbol">?: </span><a href="types.axis.html" class="tsd-signature-type" data-tsd-kind="Interface">Axis</a><span class="tsd-signature-symbol">[]</span><span class="tsd-signature-symbol"> }</span></div>
				<aside class="tsd-sources">
					<ul>
						<li>Defined in <a href="https://github.com/microsoft/SandDance/blob/master/packages/vega-deck.gl/src/interfaces.ts#L105">src/interfaces.ts:105</a></li>
					</ul>
				</aside>
				<div class="tsd-type-declaration">
					<h4>Type declaration</h4>
					<ul class="tsd-parameters">
						<li class="tsd-parameter">
							<h5><span class="tsd-flag ts-flagOptional">Optional</span> x<span class="tsd-signature-symbol">?: </span><a href="types.axis.html" class="tsd-signature-type" data-tsd-kind="Interface">Axis</a><span class="tsd-signature-symbol">[]</span></h5>
						</li>
						<li class="tsd-parameter">
							<h5><span class="tsd-flag ts-flagOptional">Optional</span> y<span class="tsd-signature-symbol">?: </span><a href="types.axis.html" class="tsd-signature-type" data-tsd-kind="Interface">Axis</a><span class="tsd-signature-symbol">[]</span></h5>
						</li>
						<li class="tsd-parameter">
							<h5><span class="tsd-flag ts-flagOptional">Optional</span> z<span class="tsd-signature-symbol">?: </span><a href="types.axis.html" class="tsd-signature-type" data-tsd-kind="Interface">Axis</a><span class="tsd-signature-symbol">[]</span></h5>
						</li>
					</ul>
				</div>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface">
				<a name="backgroundcolor" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagOptional">Optional</span> background<wbr>Color</h3>
				<div class="tsd-signature tsd-kind-icon">background<wbr>Color<span class="tsd-signature-symbol">:</span> <a href="../modules.html#rgbacolor" class="tsd-signature-type" data-tsd-kind="Type alias">RGBAColor</a></div>
				<aside class="tsd-sources">
					<ul>
						<li>Defined in <a href="https://github.com/microsoft/SandDance/blob/master/packages/vega-deck.gl/src/interfaces.ts#L100">src/interfaces.ts:100</a></li>
					</ul>
				</aside>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface">
				<a name="cubedata" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagOptional">Optional</span> cube<wbr>Data</h3>
				<div class="tsd-signature tsd-kind-icon">cube<wbr>Data<span class="tsd-signature-symbol">:</span> <a href="types.cube.html" class="tsd-signature-type" data-tsd-kind="Interface">Cube</a><span class="tsd-signature-symbol">[]</span></div>
				<aside class="tsd-sources">
					<ul>
						<li>Defined in <a href="https://github.com/microsoft/SandDance/blob/master/packages/vega-deck.gl/src/interfaces.ts#L101">src/interfaces.ts:101</a></li>
					</ul>
				</aside>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface">
				<a name="facets" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagOptional">Optional</span> facets</h3>
				<div class="tsd-signature tsd-kind-icon">facets<span class="tsd-signature-symbol">:</span> <a href="types.facetrect.html" class="tsd-signature-type" data-tsd-kind="Interface">FacetRect</a><span class="tsd-signature-symbol">[]</span></div>
				<aside class="tsd-sources">
					<ul>
						<li>Defined in <a href="https://github.com/microsoft/SandDance/blob/master/packages/vega-deck.gl/src/interfaces.ts#L113">src/interfaces.ts:113</a></li>
					</ul>
				</aside>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface">
				<a name="gridlines" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagOptional">Optional</span> grid<wbr>Lines</h3>
				<div class="tsd-signature tsd-kind-icon">grid<wbr>Lines<span class="tsd-signature-symbol">:</span> <a href="types.styledline.html" class="tsd-signature-type" data-tsd-kind="Interface">StyledLine</a><span class="tsd-signature-symbol">[]</span></div>
				<aside class="tsd-sources">
					<ul>
						<li>Defined in <a href="https://github.com/microsoft/SandDance/blob/master/packages/vega-deck.gl/src/interfaces.ts#L112">src/interfaces.ts:112</a></li>
					</ul>
				</aside>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface">
				<a name="legend" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagOptional">Optional</span> legend</h3>
				<div class="tsd-signature tsd-kind-icon">legend<span class="tsd-signature-symbol">:</span> <a href="types.legend.html" class="tsd-signature-type" data-tsd-kind="Interface">Legend</a></div>
				<aside class="tsd-sources">
					<ul>
						<li>Defined in <a href="https://github.com/microsoft/SandDance/blob/master/packages/vega-deck.gl/src/interfaces.ts#L104">src/interfaces.ts:104</a></li>
					</ul>
				</aside>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface">
				<a name="pathdata" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagOptional">Optional</span> path<wbr>Data</h3>
				<div class="tsd-signature tsd-kind-icon">path<wbr>Data<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">Path</span><span class="tsd-signature-symbol">[]</span></div>
				<aside class="tsd-sources">
					<ul>
						<li>Defined in <a href="https://github.com/microsoft/SandDance/blob/master/packages/vega-deck.gl/src/interfaces.ts#L102">src/interfaces.ts:102</a></li>
					</ul>
				</aside>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface">
				<a name="polygondata" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagOptional">Optional</span> polygon<wbr>Data</h3>
				<div class="tsd-signature tsd-kind-icon">polygon<wbr>Data<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">Polygon</span><span class="tsd-signature-symbol">[]</span></div>
				<aside class="tsd-sources">
					<ul>
						<li>Defined in <a href="https://github.com/microsoft/SandDance/blob/master/packages/vega-deck.gl/src/interfaces.ts#L103">src/interfaces.ts:103</a></li>
					</ul>
				</aside>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface">
				<a name="textdata" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagOptional">Optional</span> text<wbr>Data</h3>
				<div class="tsd-signature tsd-kind-icon">text<wbr>Data<span class="tsd-signature-symbol">:</span> <a href="types.vegatextlayerdatum.html" class="tsd-signature-type" data-tsd-kind="Interface">VegaTextLayerDatum</a><span class="tsd-signature-symbol">[]</span></div>
				<aside class="tsd-sources">
					<ul>
						<li>Defined in <a href="https://github.com/microsoft/SandDance/blob/master/packages/vega-deck.gl/src/interfaces.ts#L110">src/interfaces.ts:110</a></li>
					</ul>
				</aside>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface">
				<a name="view" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagOptional">Optional</span> view</h3>
				<div class="tsd-signature tsd-kind-icon">view<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">View</span></div>
				<aside class="tsd-sources">
					<ul>
						<li>Defined in <a href="https://github.com/microsoft/SandDance/blob/master/packages/vega-deck.gl/src/interfaces.ts#L111">src/interfaces.ts:111</a></li>
					</ul>
				</aside>
			</section>
		</section>
	</div>
	<div class="col-4 col-menu menu-highlight">
		<nav class="tsd-navigation primary">
			<ul>
				<li class=" ">
					<a href="../modules.html">Exports</a>
				</li>
				<li class=" tsd-kind-namespace">
					<a href="../modules/constants.html">constants</a>
				</li>
				<li class=" tsd-kind-namespace">
					<a href="../modules/controls.html">controls</a>
				</li>
				<li class=" tsd-kind-namespace">
					<a href="../modules/defaults.html">defaults</a>
				</li>
				<li class="current tsd-kind-namespace">
					<a href="../modules/types.html">types</a>
				</li>
				<li class=" tsd-kind-namespace">
					<a href="../modules/util.html">util</a>
				</li>
			</ul>
		</nav>
		<nav class="tsd-navigation secondary">
			<ul class="before-current">
				<li class=" tsd-kind-interface tsd-parent-kind-namespace">
					<a href="types.axis.html" class="tsd-kind-icon">Axis</a>
				</li>
				<li class=" tsd-kind-interface tsd-parent-kind-namespace">
					<a href="types.base.html" class="tsd-kind-icon">Base</a>
				</li>
				<li class=" tsd-kind-interface tsd-parent-kind-namespace">
					<a href="types.cube.html" class="tsd-kind-icon">Cube</a>
				</li>
				<li class=" tsd-kind-interface tsd-parent-kind-namespace">
					<a href="types.cubelayerdataprops.html" class="tsd-kind-icon">Cube<wbr>Layer<wbr>Data<wbr>Props</a>
				</li>
				<li class=" tsd-kind-interface tsd-parent-kind-namespace">
					<a href="types.cubelayerdefaultprops.html" class="tsd-kind-icon">Cube<wbr>Layer<wbr>Default<wbr>Props</a>
				</li>
				<li class=" tsd-kind-interface tsd-parent-kind-namespace">
					<a href="types.deckbase.html" class="tsd-kind-icon">Deck<wbr>Base</a>
				</li>
				<li class=" tsd-kind-interface tsd-parent-kind-namespace">
					<a href="types.decklayerbase.html" class="tsd-kind-icon">Deck<wbr>Layer<wbr>Base</a>
				</li>
				<li class=" tsd-kind-interface tsd-parent-kind-namespace">
					<a href="types.facetrect.html" class="tsd-kind-icon">Facet<wbr>Rect</a>
				</li>
				<li class=" tsd-kind-interface tsd-parent-kind-namespace">
					<a href="types.legend.html" class="tsd-kind-icon">Legend</a>
				</li>
				<li class=" tsd-kind-interface tsd-parent-kind-namespace">
					<a href="types.legendrow.html" class="tsd-kind-icon">Legend<wbr>Row</a>
				</li>
				<li class=" tsd-kind-interface tsd-parent-kind-namespace">
					<a href="types.legendrowsymbol.html" class="tsd-kind-icon">Legend<wbr>Row<wbr>Symbol</a>
				</li>
				<li class=" tsd-kind-interface tsd-parent-kind-namespace">
					<a href="types.lumabase.html" class="tsd-kind-icon">Luma<wbr>Base</a>
				</li>
				<li class=" tsd-kind-interface tsd-parent-kind-namespace">
					<a href="types.prestage.html" class="tsd-kind-icon">Pre<wbr>Stage</a>
				</li>
				<li class=" tsd-kind-interface tsd-parent-kind-namespace">
					<a href="types.presenterconfig.html" class="tsd-kind-icon">Presenter<wbr>Config</a>
				</li>
				<li class=" tsd-kind-interface tsd-parent-kind-namespace">
					<a href="types.presenterstyle.html" class="tsd-kind-icon">Presenter<wbr>Style</a>
				</li>
				<li class=" tsd-kind-interface tsd-parent-kind-namespace">
					<a href="types.queuedanimationoptions.html" class="tsd-kind-icon">Queued<wbr>Animation<wbr>Options</a>
				</li>
				<li class=" tsd-kind-interface tsd-parent-kind-namespace">
					<a href="types.scene3d.html" class="tsd-kind-icon">Scene3d</a>
				</li>
			</ul>
			<ul class="current">
				<li class="current tsd-kind-interface tsd-parent-kind-namespace">
					<a href="types.stage.html" class="tsd-kind-icon">Stage</a>
					<ul>
						<li class=" tsd-kind-property tsd-parent-kind-interface">
							<a href="types.stage.html#axes" class="tsd-kind-icon">axes</a>
						</li>
						<li class=" tsd-kind-property tsd-parent-kind-interface">
							<a href="types.stage.html#backgroundcolor" class="tsd-kind-icon">background<wbr>Color</a>
						</li>
						<li class=" tsd-kind-property tsd-parent-kind-interface">
							<a href="types.stage.html#cubedata" class="tsd-kind-icon">cube<wbr>Data</a>
						</li>
						<li class=" tsd-kind-property tsd-parent-kind-interface">
							<a href="types.stage.html#facets" class="tsd-kind-icon">facets</a>
						</li>
						<li class=" tsd-kind-property tsd-parent-kind-interface">
							<a href="types.stage.html#gridlines" class="tsd-kind-icon">grid<wbr>Lines</a>
						</li>
						<li class=" tsd-kind-property tsd-parent-kind-interface">
							<a href="types.stage.html#legend" class="tsd-kind-icon">legend</a>
						</li>
						<li class=" tsd-kind-property tsd-parent-kind-interface">
							<a href="types.stage.html#pathdata" class="tsd-kind-icon">path<wbr>Data</a>
						</li>
						<li class=" tsd-kind-property tsd-parent-kind-interface">
							<a href="types.stage.html#polygondata" class="tsd-kind-icon">polygon<wbr>Data</a>
						</li>
						<li class=" tsd-kind-property tsd-parent-kind-interface">
							<a href="types.stage.html#textdata" class="tsd-kind-icon">text<wbr>Data</a>
						</li>
						<li class=" tsd-kind-property tsd-parent-kind-interface">
							<a href="types.stage.html#view" class="tsd-kind-icon">view</a>
						</li>
					</ul>
				</li>
			</ul>
			<ul class="after-current">
				<li class=" tsd-kind-interface tsd-parent-kind-namespace">
					<a href="types.styledline.html" class="tsd-kind-icon">Styled<wbr>Line</a>
				</li>
				<li class=" tsd-kind-interface tsd-parent-kind-namespace">
					<a href="types.ticktext.html" class="tsd-kind-icon">Tick<wbr>Text</a>
				</li>
				<li class=" tsd-kind-interface tsd-parent-kind-namespace">
					<a href="types.transitiondurations.html" class="tsd-kind-icon">Transition<wbr>Durations</a>
				</li>
				<li class=" tsd-kind-interface tsd-parent-kind-namespace">
					<a href="types.vegabase.html" class="tsd-kind-icon">Vega<wbr>Base</a>
				</li>
				<li class=" tsd-kind-interface tsd-parent-kind-namespace">
					<a href="types.vegatextlayerdatum.html" class="tsd-kind-icon">Vega<wbr>Text<wbr>Layer<wbr>Datum</a>
				</li>
				<li class=" tsd-kind-interface tsd-parent-kind-namespace">
					<a href="types.viewglconfig.html" class="tsd-kind-icon">View<wbr>GlConfig</a>
				</li>
				<li class=" tsd-kind-type-alias tsd-parent-kind-namespace">
					<a href="../modules/types.html#cubelayerprops" class="tsd-kind-icon">Cube<wbr>Layer<wbr>Props</a>
				</li>
				<li class=" tsd-kind-type-alias tsd-parent-kind-namespace">
					<a href="../modules/types.html#vec3" class="tsd-kind-icon">Vec3</a>
				</li>
			</ul>
		</nav>
	</div>
</div>
</div>
<div class="overlay"></div>